<!DOCTYPE>
<html>
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="telephone=no" name="format-detection">
<meta http-equiv="x-rim-auto-match" content="none">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<link type="text/css" rel="stylesheet" href="css/swiper.min.css">
<link type="text/css" rel="stylesheet" href="css/layout.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/layout.js"></script>
<script type="text/javascript">
 var deviceWidth = document.documentElement.clientWidth;
 if(deviceWidth > 750){deviceWidth = 750;}
 $("html").css("font-size",deviceWidth / 7.5 + 'px');
</script>
<!-- 头部公用JS end -->
</head>
<body>
<!-- 头  -->
<div class="header">
	<div class="cf">
		<a href="" class="fl"><img src="img/logo.png" class="lc" alt=""></a>
		<a href="" class="fr"><img src="img/mobile.png"   class="lc"  alt=""></a>
	</div>
</div>
<!-- 顶部图片 -->
<div class="banner1"><img class="top" src="img/top.jpg"></div>
<div class="base-title1">
		<div class="title1">
			<h2>剪叉式高空作业平台</h2>
			<p>PRODUCT</p>
		</div>
		<div class="line"></div>
	</div>
<!-- 内容 -->
  <div class="hot-pro">

  <div class="list cf">
  
    <div class="fl">
      <div class="box">
        <img src="img/index_05.jpg" alt="">
        <h2>剪叉式高空作业平台</h2>
        <p class="x">Compact10N</p>
        <p class="b">曲臂高空作业平台是专用高空作业的升降机械设备，是属于高空作业平台产品四大类其中最常用的一种高空作业...</p>
      </div>
    </div>    
    <div class="fl">
      <div class="box">
        <img src="img/index_05.jpg" alt="">
        <h2>剪叉式高空作业平台</h2>
        <p class="x">Compact10N</p>
        <p class="b">曲臂高空作业平台是专用高空作业的升降机械设备，是属于高空作业平台产品四大类其中最常用的一种高空作业...</p>
      </div>
    </div>    
    <div class="fl">
      <div class="box">
        <img src="img/index_05.jpg" alt="">
        <h2>剪叉式高空作业平台</h2>
        <p class="x">Compact10N</p>
        <p class="b">曲臂高空作业平台是专用高空作业的升降机械设备，是属于高空作业平台产品四大类其中最常用的一种高空作业...</p>
      </div>
    </div>    
    <div class="fl">
      <div class="box">
        <img src="img/index_05.jpg" alt="">
        <h2>剪叉式高空作业平台</h2>
        <p class="x">Compact10N</p>
        <p class="b">曲臂高空作业平台是专用高空作业的升降机械设备，是属于高空作业平台产品四大类其中最常用的一种高空作业...</p>
      </div>
    </div>  
     <div class="fl">
      <div class="box">
        <img src="img/index_05.jpg" alt="">
        <h2>剪叉式高空作业平台</h2>
        <p class="x">Compact10N</p>
        <p class="b">曲臂高空作业平台是专用高空作业的升降机械设备，是属于高空作业平台产品四大类其中最常用的一种高空作业...</p>
      </div>
    </div>
     <div class="fl">
      <div class="box">
        <img src="img/index_05.jpg" alt="">
        <h2>剪叉式高空作业平台</h2>
        <p class="x">Compact10N</p>
        <p class="b">曲臂高空作业平台是专用高空作业的升降机械设备，是属于高空作业平台产品四大类其中最常用的一种高空作业...</p>
      </div>
    </div>
     <div class="fl">
      <div class="box">
        <img src="img/index_05.jpg" alt="">
        <h2>剪叉式高空作业平台</h2>
        <p class="x">Compact10N</p>
        <p class="b">曲臂高空作业平台是专用高空作业的升降机械设备，是属于高空作业平台产品四大类其中最常用的一种高空作业...</p>
      </div>
    </div>
     <div class="fl">
      <div class="box">
        <img src="img/index_05.jpg" alt="">
        <h2>剪叉式高空作业平台</h2>
        <p class="x">Compact10N</p>
        <p class="b">曲臂高空作业平台是专用高空作业的升降机械设备，是属于高空作业平台产品四大类其中最常用的一种高空作业...</p>
      </div>
    </div>
  </div>
  <div class="jiazai"><a href="#">加载更多</a></div>
  </div>
<!-- 底部 -->
<div class="footer-nav">
	<div class="cf">
		<a class="fl nav1 on">
			<div class="item lc">
				<div class="imgbox"></div>
				<p>首页</p>
			</div>
		</a>
		<a class="fl nav2">
			<div class="item lc">
				<div class="imgbox"></div>
				<p>产品中心</p>
			</div>
		</a>
		<a class="fl nav3">
			<div class="item lc">
				<div class="imgbox"></div>
				<p>新闻中心</p>
			</div>
		</a>
		<a class="fl nav4">
			<div class="item lc">
				<div class="imgbox"></div>
				<p>服务热线</p>
			</div>
		</a>
	</div>
</div>

<!--js脚本-->
<script type="text/javascript">
	var mySwiper = new Swiper ('.swiper-container', {
		loop: true,
		autoplay : 3000,
		speed:300,
		pagination: '.swiper-pagination',
		paginationClickable: true
	})        
</script>

</body>
</html>

                                                                                                         